<template>
  <div class="about flex_center">
    <div class="title">
      <span>关于我们</span>
      <span>ABOUT</span>
    </div>
    <div class="content">
      <p>{{content}}</p>
      <p>{{english}}</p>
    </div>
    <CustomBotton content="more"/>
  </div>
</template>

<script>

import CustomBotton from '../components/button.vue'
export default {
    components:{
        CustomBotton
    },
    data(){
        return{
            content:'生活的片断犹如点点风帆，随波逐流，顷刻间，即消失的无影无鲸，只留下一片生命的大海和天边合而为一我站在生命的海边玩耍，总觉得自己太平凡，太渺校烦闷的我躲了起来，生活从此平淡，与世无争但这静得像沉的夜一般的生活，有着更多的现独与苦网于是，我再次返回轰轰烈烈的大海，重新场帆出发我突然明白--生活无法逃避，只有面对',
            english:"The fragments of life are like little sails, drifting with the current. In an instant, they disappear without a shadow or a whale, leaving only a sea of life and the horizon. I stand on the seashore of life to play, and always feel that I am too ordinary, too small. Bored, I hide, and my life is plain and independent from the world. But this quiet life, like a heavy night, has more solitude and bitterness, I went back to the sea again and set sail again. I suddenly realized that life can't escape, only face the reality"
        }
    }
}
</script>

<style lang="less" scope>
.about{
    .content {
        width: 50%;
        text-indent: 2em;
        font-weight: 300;
        line-height: 1.7em;
        text-align: center;
        p{
            margin-bottom: 2em;
        }
    }
}
</style>
